/***********************************
	按钮 名称空间：btn
************************************/
.btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      color: @color-grey;
      background-color: #fff;
      background-image: none;
      border: 1px solid #e4e4e4;
      white-space: nowrap;
      padding: @btn_height_padding_v @btn_height_padding_h;
      font-size: @btn_font_size;
      line-height: 1.42857143;
      border-radius: 4px;
	  outline:0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

    &.btn-xs {
        padding:5px 12px;
    }

    &.btn-lg {
        width: 100%;
        font-size: 16px;
        padding: 9px 0;
    }

    &.btn-text-blue {
      color: #1cb8f1;
    }

    &.btn-border-blue {
        border-color: #1cb8f1;
        color: #1cb8f1;
    }

    &.btn-disable {
        background: #f2f2f2;
        color: #fff;
        border-color: #f2f2f2;
    }

    &.btn-bg-grey {
      background: #e9ebec;
      border-color: #e9ebec;
      color: #bbb;
    }

    &.btn-bg-blue {
        background: #1cb8f1;
        color: @color-white;
        border-color: #1cb8f1;

        &:hover, &:focus {
          color: #fff;
          background: #1ca7da;
          border-color: #1ca7da;
        }
    }

    &.btn-bg-red {
        background: #fa5b50;
        color: @color-white;
        border-color: #fa5b50;

        &:hover, &:focus {
          color: #fff;
          background: #e2574d;
          border-color:#e2574d;
        }
    }

    &.btn-flex-1 {
        float:none;
        display:block;
        width:0;
        -webkit-box-flex:1;
        font-size: 16px;
        padding: 9px 0;
        margin-left:10px;

        &:first-child{margin-left:0;}
    }

    &.btn-bottom-buy{
        width: 32%;
        padding:12px 0;
        font-size: 16px;
        border-radius: 0;
        display: inline-block;
        float: right;
    }

}

//淘宝购买按钮
.buy-bottom{
    background: #fff;
    border-top: 1px solid #ccc;
    line-height: 18px;
    overflow: hidden;

    .cache-bottom{
        width: 18%;
        display: inline-block;
        padding: 4px 0 0;
        text-align: center;
        border-right: 1px solid #e4e4e4;
        font-size: 12px;
        color: #999;
        float:left;

        i{font-size:24px;}
    }
}

//新增规范2017-01
//new buttons
.btn-standard{
    height:@btn_height_default;
    //min-width:152px;
    line-height:@btn_lh_default;
    padding:@btn_pv_default @btn_ph_default;
    font-size:@btn_font_default;
    border:0;
    text-align:center;
    border-radius: @btn_radius_default;
    display:inline-block;

    border:@btn_color_default 1px solid;
    color: @color_primary;
    background-color:#fff;

      &:hover,&:active, &:focus{
          color:@btn_color_active;
      }

    &.btn-standard-md{
        height:@btn_md_height;
        font-size:@btn_font_md;
        width:100%;
        display:block;
    }

}


 .btn-standard-primary{
     color:#fff;
     background-color:@color_primary;
     border:solid 1px @color_primary;

     &:hover,&:active, &:focus{
         background-color:@btn_color_active;
         color: #fff;
     }

     &[disabled],&.disabled{
         background-color:@btn_color_disabled;
         border:solid 1px @btn_color_border_disabled;
     }
 }

 .btn-standard-txt-primary{
     color:@color_primary;
     border:solid 1px @color_primary;
     background-color:#fff;

     &:hover,&:active, &:focus{
         border-color:@btn_color_active;
         color:@btn_color_active;
     }
 }



 .btn-standard-group{
     display:-webkit-box;

     .btn-standard{
         border-radius:0;
         -webkit-box-flex:1;
         height:100px;
         min-width:0;
         line-height:40px;
         padding:28px 20px;
         text-align:center;
         display:block;
     }

     .btn-standard {
         border-left:0;
         border-right: 0;
     }

     .btn-standard-default + .btn-standard-default{
       border-left:@btn_color_default 1px solid;
     }

     .btn-standard-primary + .btn-standard-primary{
         border-left:solid 1px #fff;
     }
 }